<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ADMIN</title>
<link rel="stylesheet" type="text/css" href="css/layout/style.css" />
<!--form-->
<link rel="stylesheet" href="css/form/form.css" type="text/css" media="screen" title="default" />
<link rel="stylesheet" href="css/base/jquery.ui.all.css" type="text/css" />

<script type="text/javascript" src="scripts/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="scripts/js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="scripts/js/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="scripts/layout/ddaccordion.js"></script>
<script type="text/javascript" src="scripts/layout/jconfirmaction.jquery.js"></script>
<!--form-->

<script src="scripts/form/ui.checkbox.js" type="text/javascript"></script>
<script src="scripts/form/jquery.bind.js" type="text/javascript"></script>
<script src="scripts/form/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script src="scripts/form/jquery.filestyle.js" type="text/javascript"></script>

<!--start layout-->
<script src="scripts/layout/jquery.jclock-1.2.0.js.txt" type="text/javascript"></script>
<script type="text/javascript">
ddaccordion.init({
	headerclass: "submenuheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})
</script>

<script type="text/javascript">
$(function($) {
    $('.jclock').jclock();
});
</script>

<!--end layout-->

<!--start form-->
<script type="text/javascript">
$(function(){
	$('input').checkBox();
	$('#toggle-all').click(function(){
 	$('#toggle-all').toggleClass('toggle-checked');
	$('#mainform input[type=checkbox]').checkBox('toggle');
	return false;
	});
});
</script>  

<!--  styled select box script version 2 --> 

<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
	$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
});
</script>

<!--  styled file upload script --> 

<script type="text/javascript" charset="utf-8">
$(function() {
	$("input.file_1").filestyle({ 
	image: "imageForms/upload_file.gif",
	imageheight : 29,
	imagewidth : 78,
	width : 300
	});
});
</script>

<!--  date picker script -->


<script type="text/javascript" charset="utf-8">
$(function()
	{
		// initialise the "Select date" link
		$("#seDate")
			.datepicker(
				// associate the link with a date picker
				{
					showOn: 'button',
				    buttonImage: 'http://jqueryui.com/resources/demos/datepicker/images/calendar.gif',
				    buttonImageOnly: true,
					changeMonth: true, // must be disabled when using maxDate
					changeYear: true,
					  //onSelect:function(selectedDate){
							//alert("as");
								//your_function(selectedDate);
					//}
				});
	});
	

</script>
<!--end form -->


</head>
<body>
<div id="main_container">

	<div class="header">
    <div class="logo"><a href="#"><img src="images/logo-full-ico.png" alt="" title="" border="0" /></a></div>
    
    <div class="right_header">Welcome Admin | <a href="#" class="logout">Logout</a></div>
    </div>
    
    <div class="main_content">
    
		<div class="menu">
			<ul>
				<li><a class="current" href="index.html">Top 10 sách ban chạy</a></li>
				<li><a href="list.html">Quản lý loại sách<!--[if IE 7]><!--></a><!--<![endif]-->
				</li>
				<li><a href="login.html">Thông tin cá nhân<!--[if IE 7]><!--></a><!--<![endif]-->
				</li>
			</ul>
		</div> 
                    
                    
                    
                    
    <div class="center_content">  
    
    
    
		<div class="left_content">
		
			<div class="sidebarmenu">
			
				<a class="menuitem submenuheader" href="">Quản lý sách</a>
				<div class="submenu">
					<ul>
						<li><a href="">Thông tin sách</a></li>
						<li><a href="">Thêm sách</a></li>
					</ul>
				</div>
				<a class="menuitem submenuheader" href="" >Quản lý nhà sản xuất</a>
				<div class="submenu">
					<ul>
					<li><a href="">Thông tin nhà sản xuất</a></li>
					<li><a href="">Thêm nhà sản xuất</a></li>
					</ul>
				</div>
				<a class="menuitem submenuheader" href="">Thổng kê</a>
				<div class="submenu">
					<ul>
						<li><a href="">Sách bán hôm nay</a></li>
						<li><a href="">Tất cả</a></li>
					</ul>
				</div>
				<a class="menuitem submenuheader" href="">Quản lý banners</a>
				<div class="submenu">
					<ul>
						<li><a href="">Thông tin Banners</a></li>
						<li><a href="">Thêm banners</a></li>
					</ul>
				</div>	
			</div>
		</div>  
		
		<div class="right_content">            
			
			<div id="page-heading"><h1>Thêm Sách</h1></div> 
							
			<!-- start id-form -->
			<table border="0" cellpadding="0" cellspacing="0"  id="id-form">
				<tr>
					<th valign="top">Tên sách:</th>
					<td><input type="text" class="inp-form-error" /></td>
					<td>
					<div class="error-left"></div>
					<div class="error-inner">This field is required.</div>
					</td>
				</tr>
				
				<tr>
					<th valign="top">Loại sách:</th>
					<td>	
					<select  class="styledselect_form_1">
						<option value="">All</option>
						<option value="">Products</option>
						<option value="">Categories</option>
						<option value="">Clients</option>
						<option value="">News</option>
					</select>
					</td>
					<td></td>
				</tr>
				
				<tr>
					<th valign="top">Giá:</th>
					<td><input type="text" class="inp-form" /></td>
					<td></td>
				</tr>
				
				<tr>
					<th valign="top">Mô tả tóm tắt:</th>  
					<td><textarea rows="" cols="" class="form-textarea"></textarea></td>
					<td></td>
				</tr>
				
				<tr>
					<th valign="top">Mô tả chi tiết:</th>  
					<td><textarea rows="" cols="" class="form-textarea"></textarea></td>
					<td></td>
				</tr>
				
				<tr>
					<th valign="top">Ngày thêm:</th>
					<td class="noheight">
					
						<table border="0" cellpadding="0" cellspacing="0">
						<tr  valign="top">
							<td>
							<td>
								<input type="text" class="inp-form" id="seDate" />
							</td>
						</tr>
						</table>
					
					</td>
					<td></td>
				</tr>	
				
				<tr>
					<th valign="top">Tên nhà sản xuất:</th>
					<td>	
					<select  class="styledselect_form_1">
						<option value="">All</option>
						<option value="">Products</option>
						<option value="">Categories</option>
						<option value="">Clients</option>
						<option value="">News</option>
					</select>
					</td>
					<td></td>
				</tr>
				
				
				<tr>
					<th valign="top">Trạng thái:</th>
					<td> <input type="radio" name="type" id="" value="" class=".inp-form-radio" /><label >Hiển thị</label>
						<input type="radio" name="type" id="" value=""  class=".inp-form-radio"/><label >Không hiển thị</label>
					</td>
					<td></td>
				</tr>
		
				<tr>
					<th>Upload file:</th>
					<td><input type="file" class="file_1" /></td>
					<td>
					<div class="bubble-left"></div>
					<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
					<div class="bubble-right"></div>
					</td>
				</tr>
			
				<tr>
					<th>&nbsp;</th>
					<td valign="top">
						<input type="Lưu" value="" class="form-submit" />
						<input type="Hủy" value="" class="form-reset"  />
					</td>
					<td></td>
				</tr>
		</table>
		<!-- end id-form  -->				
			
		</div><!-- end of right content-->
            
                    
	</div>   <!--end of center content -->               
                    
                    
    
    
    <div class="clear"></div>
    </div> <!--end of main content-->
	
    
    <div class="footer">
    	<div class="left_footer">Powered by <a href="#">ThanhBR39@gmail.com</a></div>
    </div>

</div>		
</body>
</html>